<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>management</title>
    <link rel="stylesheet" href="/css/reset.css">
    <style>
        body {
            margin: 0;
        }

        .bc {
            background-image: url("../img/preview.jpg");
            background-size: 100% 100%;
            height: 100%;
            width: 100%;
        }

        .studentTable {
            border: 3px solid black;
            width: 90%;
            height: 300px;
            margin: auto;
            /*border-collapse: collapse;*/
            background-color: rgba(236, 231, 231, 0.6);
            text-align: center;
            line-height: 16px;
            font-weight: bold;
        }

        .item {
            width: 400px;
            margin: 10px auto auto 200px;
            padding-bottom: 40px;
        }

    </style>


</head>

<body>
<div class="bc">
    <div>
        <table class="studentTable">
            <thead>
            <tr style="line-height: 20px;font-size: 20px;padding-bottom: 10px">
                <th>用户名</th>
                <th>密码</th>
                <th>真实姓名</th>
                <th>等级</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="data">
            </tbody>
        </table>
        <p id="cutA"></p>
    </div>
<!--    提示信息-->
    <div id="showInfoDiv"
         style="width: 260px;height: 100px ;background-color: whitesmoke;text-align:center;line-height: 50px;
   border: 2px solid black;visibility: hidden;box-shadow: 1px 1px 3px 2px black;font-size: 16px;font-weight: bold;position: absolute;; left: 25%;top: 20%;z-index: 55;">
        <p id="showInfo"> </p>
        <input type="button" value="确认" onclick="closeDiv('showInfoDiv')">
    </div>

    <!-- 添加用户 -->
    <div id="addUserDiv"
         style="background-color: slateblue;border-radius: 20px;visibility: hidden;font-size: 20px;color: cyan;font-weight: bold;width: 700px;height: 400px;position:absolute;top: 50px;left: 50px;text-align: justify;padding: 20px">
        <h6 style="border: 1px solid black;margin: 0;text-align: center">添加房间信息</h6>
        <div style=" line-height: 50px;margin-top: 20px">
            <div>

                <p> 用户名：<input type="text" id="userNameText"></p>
                <p> 真实姓名：<input type="text" id="realNameText"></p>
                <p> 用户等级：<select id="levelSelect">
                    <option value="班主任">班主任</option>
                    <option value="系统管理员">系统管理员</option>
                    <option value="房间管理员">房间管理员</option>
                    <option value="超级管理员">超级管理员</option>
                </select></p>
                <input type="button" value="添加" onclick="addUser();">
                <input type="button" value="取消" onclick="closeDiv('addUserDiv')">
            </div>
        </div>
    </div>
    <!-- 修改用户 -->
    <div id="UpdateUserDiv"
         style="background-color: slateblue;border-radius: 20px;visibility: hidden;font-size: 20px;color: cyan;font-weight: bold;width: 700px;height: 400px;position:absolute;top: 50px;left: 50px;text-align: justify;padding: 20px">
        <h6 style="border: 1px solid black;margin: 0;text-align: center">添加房间信息</h6>
        <div style=" line-height: 50px;margin-top: 20px">
            <div>

                <p> 用户名：<span type="text" id="nameSpan"></span></p>
                <p> 真实姓名：<span type="text" id="realNameSpan"></span></p>
                <p> 用户等级：<select id="upLevelSelect">
                    <option value="班主任">班主任</option>
                    <option value="系统管理员">系统管理员</option>
                    <option value="房间管理员">房间管理员</option>
                    <option value="超级管理员">超级管理员</option>
                </select></p>
                <input type="hidden" id="updateUserId" >
                <input type="button" value="修改" onclick="UpdateUser();">
                <input type="button" value="取消" onclick="closeDiv('UpdateUserDiv')">
            </div>
        </div>
    </div>
    <div class="item">
        <!-- 入住按钮 -->
        <button onclick="showDiv('addUserDiv');">添加班级</button>
    </div>
</div>
</div>
</body>
<script src="/js/axios.min.js"></script>
<script src="/js/query.js"></script>
<script src="/managementhtml/js/management.js"></script>

</html>